<@override name="link">
<link href="${base}/resources/admin/css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="${base}/resources/admin/css/plugins/datapicker/datepicker3.css" rel="stylesheet">
<style type="text/css">
    .imagebox{
        width: 120px;
        height: 120px;
        background: #dfdfdf;
        position: relative;
        overflow: hidden;
        font-size: 48px;
        color: #fff;
        text-align: center;
        line-height: 120px;
        font-weight: bold;
    }
    .imagebox input{
        width: 100%;
        height: 120px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
</style>
</@override>
<@override name="body">
    <body class="gray-bg">
        <div class="col-sm-12">
            <div class="ibox">
                <div class="ibox-title">
                    <h5>添加用户</h5>
                    <div class="ibox-tools">
                        <a href="index.html" class="dropdown-toggle" title="返回列表">
                            <i class="fa fa-arrow-circle-left"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <form action="submit" class="form-horizontal" method="post">
                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">
                                用户名
                            </label>
                            <div class="col-sm-8">
                                <input type="text" name="username" id="username" class="form-control">
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="phoneNumber" class="col-sm-3 control-label">
                                手机号码
                            </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="phoneNumber" name="phoneNumber">
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="email" class="col-sm-3 control-label">
                                地址邮件
                            </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="email" name="email"/>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="realName" class="col-sm-3 control-label">
                                真实姓名
                            </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="realName" name="realName"/>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="realName" class="col-sm-3 control-label">
                                地址
                            </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="address" name="address"/>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="postcode" class="col-sm-3 control-label">
                                邮编
                            </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="postcode" name="postcode"/>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="telPhone" class="col-sm-3 control-label">
                                座机
                            </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="telPhone" name="telPhone"/>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="education" class="col-sm-3 control-label">
                                学历
                            </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="education" name="education"/>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">
                                性别
                            </label>
                            <div class="col-sm-8">
                                <#list genders as gender>
                                    <div class="col-sm-1 i-checks">
                                        <label for="">
                                            <input type="radio" name="gender" <#if gender.code==0> checked="checked"</#if> value="${gender.code}">
                                            ${gender.message}
                                        </label>
                                    </div>
                                </#list>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label" for="">
                                部门
                            </label>
                            <div class="col-sm-6">
                                <div class="input-group">
                                    <input type="text" class="form-control" id="departmentName" name="department" disabled="disabled">
                                    <input type="hidden" id="departmentId"/>
                                    <span class="input-group-btn">
                                        <button type="button" class="btn btn-primary department">
                                            选择
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">
                                职务
                            </label>
                            <div class="col-sm-6">
                                <div class="input-group">
                                    <input type="text" class="form-control" id="positionName" name="position" disabled="disabled">
                                    <input type="hidden" id="positionId"/>
                                    <span class="input-group-btn">
                                        <button type="button" class="btn btn-primary position">
                                            选择
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                                <label for="" class="col-sm-3 control-label">
                                    权限
                                </label>
                                <div class="col-sm-6">
                                    <div class="input-group">
                                        <input type="text" class="form-control" id="roleName" name="role" disabled="disabled">
                                        <input type="hidden" id="roleId"/>
                                        <span class="input-group-btn">
                                        <button type="button" class="btn btn-primary role">
                                            选择
                                        </button>
                                    </span>
                                    </div>
                                </div>
                            </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">
                                头像
                            </label>
                            <div class="col-sm-8">
                                <div class="imagebox">
                                    <input type="file" id="portraitFile">
                                </div>
                                <input type="hidden" id="portrait">
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">
                                工作照
                            </label>
                            <div class="col-sm-8">
                                <div class="imagebox">
                                    <input type="file" id="pictureFile">
                                </div>
                                <input type="hidden" id="picture">
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label for="" class="col-sm-3 control-label">
                                入职时间
                            </label>
                            <div class="input-group date col-sm-8">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" id="jobTime" class="form-control" value="2014-11-11">
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                                <div class="col-sm-4 col-sm-offset-4 text-center">
                                    <button class="btn btn-primary" type="submit">保存设置</button>
                                </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </body>
</@override>
<@override name="script">
    <script type="text/javascript" src="${base}/resources/admin/js/plugins/iCheck/icheck.min.js"></script>
    <script type="text/javascript" src="${base}/resources/admin/js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="${base}/resources/admin/js/person.js"></script>
<script type="text/javascript">
    Person.add();
</script>
</@override>
<@extends name="../base/main.html"/>